* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

html,body{

	-webkit-user-select:none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-tap-highlight-color:transparent;

	-webkit-user-select:none;

	-webkit-touch-callout:none;

	-webkit-touch-callout:none;

} 

body {margin:0px auto; background: #fff; color:#555; font-family:微软雅黑,sans-serif; width: 100%; font-size: 12px; overflow-x: hidden;}

div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}



header, article, section, aside, footer, figure, nav{display: block;}



a, a:visited {color:#555; text-decoration: none;

transition:all 0.3s;

-moz-transition:all 0.3s;

-ms-transition:all 0.3s;

-o-transition:all 0.3s;

-webkit-transition:all 0.3s;

}



a:hover{color:#fe5900; text-decoration: none;}





img {border:none; vertical-align:top;}

.clearfix:after{display: block; content: ""; clear:both;}



.b-blank10{margin:0 0 10px 0;}

.b-blank20{margin:0 0 20px 0;}

.b-blank30{margin:0 0 30px 0;}

.blank10{width:100%; height:10px;}

.blank20{width:100%; height:20px;}

.blank30{width:100%; height:30px;}

.l-blank25{float:left; width:25px; height:10px;}



@font-face {

	font-family: 'BEBAS';

	src:url('../font/BEBAS.eot'); 

	src: 

		url('../font/BEBAS.eot?#iefix') format('embedded-opentype'), 

		url('../font/BEBAS.woff') format('woff'), 

		url('../font/BEBAS.ttf') format('truetype'), 

		url('../font/hallfetica.svg#aGENCYR') format('svg');

}





/************************************************************共用部分开始************************************************************/

.main{width: 100%; margin: 0 auto; position: relative;}



@media screen and (min-width: 1200px){

	.main{width: 1200px;}

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.main{width: 100%; max-width:1000px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.main{padding: 0 15px;}

}

@media screen and (max-width: 767px){

	body{padding: 0 0 55px 0;}

	.main{padding: 0 15px;}

}





/*top*/

header{position: relative; background:url(/statics/images/top_bg.jpg) repeat-x left 40px; z-index: 9999;}

header .top{background:#333333; height: 40px; line-height: 40px; color: #ffffff;}

header .top h2{float: left; font-size: 12px; font-weight: normal;}

header .top ul{float: right; position: relative; padding-left: 10px; padding-right: 5px;}

header .top ul li{float: left; position: relative; z-index: 100;}

header .top ul li:before{float: left; margin: 15px 10px 0 10px; display: inline-block; content: ""; width: 1px; height: 11px; background: #cfcfcf;}

header .top ul li:first-child:before{display: none;}

header .top ul li i{font-size: 12px;}

header .top ul li a,

header .top ul li a:visited,

header .top ul li a:hover{color: #ffffff;}

header .top ul li .xl_sj_box{position: absolute; z-index: 110; left: 50%; top: 33px; margin: 0 0 0 -45px; padding: 10px 0 0 0; display:none;}

header .top ul li .xl_sj_box .xl_sj{background: #fff; box-shadow: 0 0 5px #c9c9c9; text-align: center; color: #888; line-height: 30px; position: relative; behavior:url(pie.htc);}

header .top ul li .xl_sj_box .xl_sj i{position: absolute; left: 50%; margin: 0 0 0 -12px; top: -12px; }

header .top ul li .xl_sj_box .xl_sj>img{float: left; width: 95px; height: 95px; background: #ccc; margin: 10px 10px 0 10px;}

header .top ul li:hover .xl_sj_box{display: block;}



header .logo{float: left;height: 100px;line-height: 140px;margin-top: 10px;}

header .logo img{display: inline; vertical-align: middle;}


header .by{float: left;margin-left: 15px;margin-top: 24px;border-left: 1px solid #afaeae;padding-left: 15px;padding-top: 24px;padding-bottom: 19px;}

header .by h2{padding-bottom: 3px;font-size: 28px;font-weight: bold;color: #0f60cc;line-height: 1;letter-spacing: 4px;}

header .by span{font-size: 16px; font-weight: bold; color: #222222; line-height: 1;}



header .tel{float: right; margin-top: 52px;}

header .tel i{float: left; margin-right: 10px; font-size: 46px; color: #969696;}

header .tel h2{float: right;}

header .tel h2 span{display: block; font-size: 14px; line-height: 1; font-weight: normal;}

header .tel h2 b{font-size: 30px; font-family: Impact; color: #fe5900; font-weight: normal;}



header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}

header .mmenu i{color: #999; font-size: 24px; position: relative; top: 35%;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	header .logo{height: 130px; line-height: 130px;}

	header .logo img{max-height: 65%;}

	

	header .by{padding-top: 13px;; padding-bottom: 13px;}

	header .by h2{padding-bottom: 15px; font-size: 24px;}

	

	header .tel{margin-top: 45px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	header .logo{height: 120px; line-height: 120px;}

	header .logo img{max-height: 50%;}

	

	header .by{margin-top: 30px; padding-top: 8px; padding-bottom: 8px;}

	header .by h2{font-size: 22px;}

	header .by span{font-size: 14px;}

	

	header .tel{margin-top: 35px;}

}

@media screen and (max-width: 767px){

	header{border-top: 3px solid #0f60cc; background-position: top; background-size: contain;}

	header .top{display: none;}

	header .logo{height: 60px; line-height: 56px;}

	header .logo img{max-height: 60%;}

	

	header .by{margin-top: 15px; padding-top: 0px; padding-bottom: 0px;}

	header .by h2{padding-bottom: 3px; font-size: 14px;}

	header .by span{font-size: 10px;}

	

	header .tel{display: none;}

	

	header .mmenu{display: block;}

}



.nav {background: #0f60cc;}

.nav ul{position: relative; z-index: 10;}

.nav ul li{position:relative; float:left; z-index:50; width: 11.1%; text-align: center;}

.nav ul li a{position: relative; display:block; font-size:14px; line-height: 55px; color: #fff; font-weight: bold; overflow: hidden; white-space: nowrap;}

.nav ul li a:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 1px; height: 100%; background: #0054c5;}

.nav ul li:first-child a:after{display: none;}

.nav ul li a:hover,

.nav ul li a.on,

.nav ul li a.selected{background: #fe5900; color: #fff;}

* HTML .nav ul li a{display: inline-block}



.nav ul li ul{position: absolute; width:100%; visibility:hidden; z-index:999999;}

.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px;}

.nav ul li ul li:before{display: none;}

.nav ul li ul li a{overflow:hidden; line-height:45px; height:45px; text-align: left; text-indent: 15px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7; color: #555;}

.nav ul li ul li a:after{display: none;}

.nav ul li ul li a.selected,

.nav ul li ul li a:hover{background:#0f60cc; color: #fff; font-weight: normal;}

.nav ul li ul li ul{width: 100%;}



* HTML .nav {height: 1%}

.downarrowclass {position: absolute; top: -1000px; right: 7px}

.rightarrowclass {position: absolute; top: 8px; right:15px}

.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}

.toplevelshadow {opacity: 0.0}

.nav ul li img{display: none;}



.nav ul li a:after{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.nav ul li a{font-size: 12px; line-height: 50px;}

}

@media screen and (max-width: 767px){

	.nav{display: none;}

}



/**/

footer{background: #3b3f4a; padding-top: 40px;}

footer ul{padding-bottom: 30px;}

footer ul > li{float: left; color: #fff;}

footer ul > li > h2{padding-top: 10px; padding-bottom: 12px; font-size: 14px; line-height: 1; color: #fff; font-weight: normal;}



footer ul > li.f_logo{width: 14%; padding-top: 15px;}



footer ul > li.f_menu{width: 30%; border-left: 1px solid #4f535e; overflow: hidden; padding-left: 25px;}

footer ul > li.f_menu dl{overflow: hidden;}

footer ul > li.f_menu dl dd{float: left; width: 50%; line-height: 26px; font-size: 14px;}

footer ul > li.f_menu dl dd a,

footer ul > li.f_menu dl dd a:visited,

footer ul > li.f_menu dl dd a:hover{color: #fff;}



footer ul > li.f_lxwm{border-left: 1px solid #4f535e; padding-left: 25px;}

footer ul > li.f_lxwm address{font-style: normal; line-height: 26px;}



footer ul > li.f_ewm{float: right; border-left: 1px solid #4f535e; padding-left: 25px;}

footer ul > li.f_ewm h2{font-family: "微软雅黑"; font-weight: normal;}

footer ul > li.f_ewm ol li{float: left; margin-left: 18px; text-align: center; color: #9f9f9f;}

footer ul > li.f_ewm ol li:first-child{margin-left: 0px;}

footer ul > li.f_ewm ol li img{margin-bottom: 10px; width: 130px;}



footer .foot{background: #fff; padding: 20px 0;}

footer .foot span{display: none; background: #ededed; border: 1px solid #e5e5e5; text-align: center;}

footer .foot span a{display: block; line-height: 30px;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	footer{padding-top:30px;}

	footer ul > li.f_menu dl dd{font-size: 12px;}

	footer ul > li.f_ewm img{width: 110px;}

	

	footer .foot{padding: 15px 0;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	footer{padding-top: 20px;}

	footer ul > li{}

	footer ul > li > h2{font-size: 12px;}

	footer ul > li > h2:after{margin: 10px auto 20px auto; width: 30px;}

	

	footer ul > li.f_logo{margin-bottom: 20px; float: none; width: auto; text-align: center; padding-bottom: 15px; border-bottom: 1px solid #4f535e;}

	footer ul > li.f_logo img{height: 80px;}

	

	footer ul > li.f_menu{width: 30%;}

	footer ul > li.f_menu dl dd{font-size: 12px;}

	

	footer ul > li.f_lxwm{width: 47%;}

	footer ul > li.f_lxwm address{line-height: 22px;}

	

	footer ul > li.f_ewm img{width: 110px;}

	

	footer .foot{margin-top: 30px; padding: 15px 0;}

}

@media screen and (max-width: 767px){

	footer{padding: 0px;}

	

	footer ul{display: none;}

	

	footer .foot{padding: 15px 0; text-align: center;}

	footer .foot span{margin-bottom: 10px; display: block;}

}





.m_menu{display: none; position: fixed; z-index: 9999; left: 0px; bottom: 0px; width: 100%; overflow: hidden; height: 55px; background: #0f60cc;}

.m_menu li{float: left; width: 25%; height: 55px; text-align: center; border-right: 1px solid #0054c5;}

.m_menu li i{display: block; padding: 12px 0 5px 0; font-size: 18px!important;}

.m_menu li:first-child{border-left: none;}

.m_menu li:nth-child(4){border-right: none;}

.m_menu li a{display: block; color: #fff; height: 55px;}



@media screen and (max-width: 767px){

	.m_menu{display: block;}

}





/************************************************************共用部分结束************************************************************/



/************************************************************首页样式开始************************************************************/

/*幻灯片*/

.banner{position: relative;}

.banner img {width: 100%; max-height: 100%;}

.banner div{position: relative; z-index: 2}



@media screen and (min-width: 768px) and (max-width: 991px){

	.slick-dots li button {height:4px!important; width:45px!important;}

}

@media screen and (max-width: 767px){

	.slick-dots {bottom:10px!important;}

	.slick-dots li button {height:4px!important; width:37px!important;}

}



/*搜索*/

.serach_box{background: #f7f7f7; height: 50px; overflow: hidden;}

.serach_box .hot_key{float: left; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.serach_box .hot_key li{float: left; margin-right: 10px; line-height: 50px;}

.serach_box .hot_key li:first-child{margin-left: 0px;}

.serach_box .search{float: right; margin-top: 8px; width: 27%; height: 35px; background: #fff; padding-right: 3%; padding-left: 15px; border: 1px solid #e7e7e7; border-radius: 50px; position: relative; overflow: hidden;}

.serach_box .search .search_text{width: 100%; height: 100%; border: none; font-size: 12px; color: #888;}

.serach_box .search .search_submit{position: absolute; right: 0px; top: 0px; width: 40px; height: 100%; background: url(/statics/images/search_tb.png) no-repeat center; background-size: 45%; border: none; cursor: pointer;}

.serach_box .search:hover{border-color: #959595;}

.serach_box .search{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.serach_box .search{padding-right: 40px;}

}

@media screen and (max-width: 767px){

	.serach_box{height: 45px; border-top: 1px solid #e7e7e7;}

	.serach_box .hot_key{display: none;}

	.serach_box .search{height: 30px;}

	.serach_box .search{float: none; width: auto; padding-right: 40px;}

}





/*产品*/

.pro_bg{background: url(/statics/images/pro_bg.jpg) no-repeat center top #f4f4f4; padding-bottom: 20px;}



.part1{padding-top: 80px; padding-bottom: 20px; text-align: center; position: relative;}

.part1 h2{padding-bottom: 15px; font-size: 40px; color: #0f60cc; line-height: 1;}

.part1 h3{position: absolute; left: 0px; right: 0px; top: 40px; font-family: Impact; font-size: 120px; text-transform: uppercase; line-height: 1; color: #000; opacity: 0.05;}

.part1 span{font-size: 16px; line-height: 1;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.part1{padding-top: 70px;}

	.part1 h2{font-size: 34px;}

	.part1 h3{top: 35px; font-size: 90px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.part1{padding-top: 50px;}

	.part1 h2{font-size: 26px;}

	.part1 h3{top: 30px; font-size: 60px;}

	.part1 span{font-size: 12px;}

}

@media screen and (max-width: 767px){

	.part1{padding-top: 40px;}

	.part1 h2{padding-bottom: 5px; font-size: 18px;}

	.part1 h3{top: 20px; font-size: 40px;}

	.part1 span{font-size: 12px;}

}



.pro_left{float: left; width: 20.83%;}

.pro_right{float: right; width: 77.08%;}



.part2{background: #0f60cc; padding: 30px 20px 24px 20px; color: #fff;}

.part2 h2{padding-bottom: 10px; font-size: 24px; line-height: 1;}

.part2 span{font-size: 12px; text-transform: uppercase; font-family: Arial;}



.pro_class{background: #fff; padding-top: 5px;}

.pro_class dl{margin-bottom: 5px; overflow: hidden;}

.pro_class dl dt{margin-bottom: 5px; background: #f0f0f0; border-left: 3px solid #0f60cc; padding-left: 20px; line-height: 40px; font-size: 14px; color: #333; font-weight: bold;}

.pro_class dl dd{float: left; width: 50%; line-height: 35px; border-bottom: 1px solid #e7e7e7;}

.pro_class dl dd a{display: block; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.pro_class dl dd a:hover{background: #fe5900; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.pro_bg{background-size: cover;  padding-bottom: 20px;}

	

	.part2{padding: 20px 20px 15px 20px;}

	.part2 h2{font-size: 20px;}

	

	.pro_class dl dt{margin-bottom: 3px; padding-left: 15px; line-height: 40px;}

	.pro_class dl dd{line-height: 35px;}

	.pro_class dl dd a{padding-left: 15px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.pro_bg{background-size: cover; padding-bottom: 10px;}

	

	.pro_left{display: none;}

	.pro_right{float: none; width: auto;}

}

@media screen and (max-width: 767px){

	.pro_bg{background-size: cover; padding-bottom: 10px;}

	

	.pro_left{display: none;}

	.pro_right{float: none; width: auto;}

}



.pro{}

.pro .bd{background: #fff; margin-bottom: 13px; width: 100%!important;}

.pro .bd .pro_tt_con{overflow: hidden;}

.pro .bd .pro_tt_con span{float: left; display: block; width: 49.72%; background: #f9f9f9;}

.pro .bd .pro_tt_con span a{display: block; padding-bottom: 80%; overflow: hidden; position: relative;}

.pro .bd .pro_tt_con span a img{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%;}

.pro .bd .pro_tt_con .con{float: right; width: 47.13%;}

.pro .bd .pro_tt_con .con h2{padding-top: 25px; font-size: 18px; line-height: 1; color: #333;}

.pro .bd .pro_tt_con .con h2:after{margin-top: 20px; margin-bottom: 15px; display: block; content: ""; width: 80px; height: 1px; background: #959595;}

.pro .bd .pro_tt_con .con p{margin-bottom: 50px; height: 140px; line-height: 28px; overflow: hidden;}

.pro .bd .pro_tt_con .con > a,

.pro .bd .pro_tt_con .con > a:visited{display: inline-block; margin-right: 15px; width: 90px; line-height: 35px; background: #fe5900; font-size: 14px; text-align: center; color: #fff;}

.pro .bd .pro_tt_con .con > a:hover{background: #0f60cc; color: #fff;}



.pro .hd{overflow: hidden;}

.pro .hd ul{overflow: hidden; margin-left: -15px;}

.pro .hd ul li{float: left; width: 33.33%;}

.pro .hd ul li a{margin-left: 15px; margin-bottom: 15px; display: block; border: 3px solid #fff; padding: 2px; background: #fff;}

.pro .hd ul li span{display: block; padding-bottom: 80%; background: #fafafa; overflow: hidden; position: relative;}

.pro .hd ul li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%;}

.pro .hd ul li h2{position: relative; padding-left: 5px; padding-right: 40px; line-height: 45px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}

.pro .hd ul li h2 i{position: absolute; right: 10px; top: 0px; font-size: 20px; color: #0f60cc;}

.pro .hd ul li a:hover{border-color: #0f60cc;}

@media screen and (min-width: 1200px){

	.pro .hd ul li.on a{border-color: #0f60cc;}

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.pro .bd .pro_tt_con .con p{margin-bottom: 30px; height: 130px; line-height: 26px;}

	

	.pro .hd ul li.on a{border-color: #0f60cc;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.pro .bd{display: none;}

}

@media screen and (max-width: 767px){

	.pro .bd{display: none;}

	

	.pro .hd ul{margin-left: -10px;}

	.pro .hd ul li{width: 50%;}

	.pro .hd ul li a{margin-left: 10px; margin-bottom: 10px;}

	.pro .hd ul li h2{line-height: 40px; font-size: 12px;}

	.pro .hd ul li h2 i{right: 5px;}

}





/*公用标题*/

.part3{position: relative; padding-top: 50px; margin-bottom: 30px; text-align: center; overflow: hidden;}

.part3 h2{padding-bottom: 10px; font-size: 30px; color: #0f60cc; line-height: 1;}

.part3 h2 font{color: #fe5900;}

.part3 h3{font-size: 18px; line-height: 1; font-weight: normal; color: #333; text-transform: uppercase;}

.part3 span{position: relative; display: block; margin: 16px auto 0 auto; width: 15px; height: 10px; border: 2px solid #fe5900;}

.part3 span:after,

.part3 span:before{position: absolute; top: 2px; display: block; content: ""; width: 9px; height: 2px; background: #fe5900;}

.part3 span:after{left: 100%;}

.part3 span:before{right: 100%;}

.part3:after,

.part3:before{position:absolute; bottom: 4px; display: block; content: ""; width: 100%; height: 1px; background: #000; opacity: 0.1;}

.part3:after{left: 50%; margin-left: 40px;}

.part3:before{right: 50%; margin-right: 40px;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.part3{padding-top: 40px; margin-bottom: 25px;}

	.part3 h2{font-size: 26px;}

	.part3 h3{font-size: 16px;}

	.part3:after{margin-left: 35px;}

	.part3:before{margin-right: 35px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.part3{padding-top: 30px; margin-bottom: 15px;}

	.part3 h2{font-size: 20px;}

	.part3 h3{font-size: 14px;}

	.part3 span{margin-top: 12px;}

	.part3:after{margin-left: 30px;}

	.part3:before{margin-right: 30px;}

}

@media screen and (max-width: 767px){

	.part3{padding-top: 20px; margin-bottom: 10px;}

	.part3 h2{padding-bottom: 5px; font-size: 16px;}

	.part3 h3{font-size: 12px;}

	.part3 span{margin-top: 8px;}

	.part3:after{margin-left: 30px;}

	.part3:before{margin-right: 30px;}

}







/*品质*/

.pinzhi{margin-bottom: 40px; background: #0f60cc;}

.pinzhi .bd{width: 100%!important;}

.pinzhi .bd .pz_con{overflow: hidden; background: #0f60cc; width: 100%!important;}

.pinzhi .bd .pz_con span{float: left; width: 59.16%;}

.pinzhi .bd .pz_con span i{display: block; padding-bottom: 42.25%; position: relative;}

.pinzhi .bd .pz_con span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.pinzhi .bd .pz_con .con{float: right; width: 40.83%; padding: 35px 30px; color: #fff;}

.pinzhi .bd .pz_con .con h2{font-size: 18px; line-height: 1;}

.pinzhi .bd .pz_con .con h2:after{margin-top: 20px; margin-bottom: 10px; display: block; content: ""; width: 30px; height: 2px; background: #fff;}

.pinzhi .bd .pz_con .con p{font-size: 14px; line-height: 28px;}



.pinzhi .hd{position:relative; background: #fff; overflow: hidden; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}

.pinzhi .hd ul{float: left; width: 66.66%; overflow: hidden}

.pinzhi .hd ul li{float: left; position: relative; width: 50%; height: 125px; border-left: 1px solid #e7e7e7; padding-top: 30px; padding-left: 105px; cursor: pointer;}

.pinzhi .hd ul li i{position: absolute; left: 30px; top: 30px; font-family: Impact; color: #333; font-size: 60px; font-style: normal; line-height: 1;}

.pinzhi .hd ul li h2{padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #333; line-height: 1;}

.pinzhi .hd ul li span{font-size: 16px; font-weight: normal; color: #333; text-transform: uppercase;}

.pinzhi .hd ul li.on{background: #fd5a00; border-color: #fd5a00;}

.pinzhi .hd ul li.on i,

.pinzhi .hd ul li.on h2,

.pinzhi .hd ul li.on span{color: #fff}

.pinzhi .hd .tel{float: right; width: 33.33%; height: 125px; border-left: 1px solid #e7e7e7; text-align: right; padding-top: 35px; padding-right: 45px;}

.pinzhi .hd .tel span{font-size: 14px;}

.pinzhi .hd .tel span i{margin-right: 5px;}

.pinzhi .hd .tel h2{padding-top: 5px; font-size: 26px; font-family: Impact; color: #fe5900; line-height: 1; font-weight: normal;}

.pinzhi .hd ul li,

.pinzhi .hd ul li i,

.pinzhi .hd ul li h2,

.pinzhi .hd ul li span{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

	}



.pinzhi .prev,

.pinzhi .next{position: absolute; top: 40%; width: 40px; height: 35px; background: #fe5900; color: #fff; text-align: center; line-height: 35px; font-size: 20px; z-index: 1111; cursor: pointer;}

.pinzhi .prev{left: -60px;}

.pinzhi .next{right: -60px;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.pinzhi{margin-bottom: 35px;}

	.pinzhi .bd .pz_con .con{padding: 30px 25px 0 25px;}

	.pinzhi .bd .pz_con .con h2{font-size: 16px;}

	.pinzhi .bd .pz_con .con p{font-size: 12px; line-height: 25px;}

	

	.pinzhi .hd ul li{height: 100px; padding-top: 20px; padding-left: 95px;}

	.pinzhi .hd ul li i{top: 23px; font-size: 50px;}

	.pinzhi .hd ul li span{font-size: 14px;}

	

	.pinzhi .hd .tel{height: 100px; padding-top: 25px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.pinzhi{margin-bottom: 25px;}

	.pinzhi .bd .pz_con span{float: none; width: auto;}

	

	.pinzhi .bd .pz_con .con{float: none; width: auto; padding: 20px;}

	.pinzhi .bd .pz_con .con h2{font-size: 16px;}

	.pinzhi .bd .pz_con .con h2:after{margin-top: 15px;}

	.pinzhi .bd .pz_con .con p{font-size: 12px; line-height: 25px;}

	

	.pinzhi .hd ul{}

	.pinzhi .hd ul li{height: 80px; padding-top: 20px; padding-left: 55px;}

	.pinzhi .hd ul li i{left: 10px; top: 13px; font-size: 32px;}

	.pinzhi .hd ul li h2{padding-top: 0px; padding-bottom: 5px; font-size: 16px;}

	.pinzhi .hd ul li span{font-size: 12px;}

	.pinzhi .hd .tel{height: 80px; padding-top: 15px;}

	.pinzhi .hd .tel span{font-size: 12px;}

	.pinzhi .hd .tel h2{font-size: 22px;}

	

	.pinzhi .prev,

	.pinzhi .next{display: none;}

}

@media screen and (max-width: 767px){

	.pinzhi{margin-bottom: 15px;}

	.pinzhi .bd .pz_con span{float: none; width: auto;}

	

	.pinzhi .bd .pz_con .con{float: none; width: auto; padding: 15px;}

	.pinzhi .bd .pz_con .con h2{font-size: 14px;}

	.pinzhi .bd .pz_con .con h2:after{margin-top: 15px;}

	.pinzhi .bd .pz_con .con p{font-size: 12px; line-height: 22px;}

	

	.pinzhi .hd ul{width: 100%;}

	.pinzhi .hd ul li{height: 60px; padding-top: 15px; padding-left: 35px;}

	.pinzhi .hd ul li i{left: 10px; top: 13px; font-size: 18px;}

	.pinzhi .hd ul li h2{padding-top: 0px; padding-bottom: 5px; font-size: 12px;}

	.pinzhi .hd ul li span{font-size: 10px;}

	.pinzhi .hd .tel{display: none;}

	

	.pinzhi .prev,

	.pinzhi .next{display: none;}

}



/**/

.add{background: url(/statics/images/add.jpg) no-repeat center top; height: 250px; color: #fff; position: relative;}

.add .main{position: relative; height: 100%;}

.add span{position: absolute; right: 0px; top: 0px; height: 100%;}

.add span img{height: 100%;}

.add h2{padding-top: 45px; font-size: 24px; line-height: 1;}

.add h2 font{color: #fd5a00;}

.add h3{padding-top: 10px; font-size: 16px; font-weight: normal; line-height: 1; letter-spacing: 2px;}

.add h3:after{margin-top: 20px; margin-bottom: 20px; display: block; content: ""; width: 100px; height: 3px; background: #fff;}

.add h4{font-size: 18px; line-height: 1; font-weight:normal;}

.add h4 b{font-size: 22px;}

.add a{margin-top: 20px; display: block; width: 150px; height: 35px; text-align: center; line-height: 31px; border: 2px solid #fff; font-size: 14px; color: #fff;}

.add a:hover{background: #fe5900; border-color: #fe5900;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.add{height: 220px; background-size: cover;}

	.add h2{padding-top: 35px; font-size: 22px;}

	.add h3:after{margin-top: 15px; margin-bottom: 15px;}

	.add h4{font-size: 16px;}

	.add h4 b{font-size: 20px;}

	.add a{width: 140px; height: 33px; line-height: 28px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.add{height: 180px; background-size: cover; text-align: center;}

	.add span{display: none;}

	.add h2{padding-top: 30px; font-size: 18px;}

	.add h3{font-size: 14px;}

	.add h3:after{margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; width: 70px; height: 2px;}

	.add h4{font-size: 14px;}

	.add h4 b{font-size: 20px;}

	.add a{margin-left: auto; margin-right: auto; margin-top: 10px; width: 130px; height: 30px; line-height: 25px; font-size: 12px;}

}

@media screen and (max-width: 767px){

	.add{height: 150px; background-size: cover; text-align: center;}

	.add span{display: none;}

	.add h2{padding-top: 20px; font-size: 14px;}

	.add h3{padding-top: 5px; font-size: 12px;}

	.add h3:after{margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; width: 50px; height: 1px;}

	.add h4{font-size: 12px;}

	.add h4 b{font-size: 18px;}

	.add a{margin-left: auto; margin-right: auto; margin-top: 10px; width: 110px; height: 30px; line-height: 25px; font-size: 12px;}

}





/**/

.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center top #f5f5f5; overflow: hidden;}

.ys_list{margin-top: 25px;}

.ys_list li{padding: 10px 0; position: relative;}

.ys_list li:after{display: block; content: ""; clear: both;}

.ys_list li span{float: right;margin-top: 30px;margin-bottom: 30px;margin-right: 30px;}

.ys_list li span img{}

.ys_list li .con{position: absolute;top: 130px;left: -80px;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;padding-left: 120px;width: 52%;}

.ys_list li .con i{position: absolute;left: 95px;/* background: url(../images/ys_xh.png) no-repeat; */width: 85px;height: 71px;text-align: center;line-height: 80px;font-family: "BEBAS";font-size: 42px;color: #333;font-style: normal;overflow: hidden;top: -110px;}

.ys_list li .con h2{padding-bottom: 12px; font-size: 16px; font-weight: normal; line-height: 1; color: #333;}

.ys_list li .con h3{font-size: 24px;color: #0f60cc;line-height: 1.5;}

.ys_list li .con dl{margin-top: 15px;padding-top: 15px;/* border-top: 1px dashed #dddee0; */}

.ys_list li .con dl dd{background: url(../images/list_tb2.png) no-repeat 3px 12px;/* padding-left: 18px; */font-size: 14px;line-height: 28px;color: #888;}

.ys_list li .con dl dd font{color: #fe5900; font-weight: bold;}



.ys_list li:first-child+li:before,

.ys_list li:first-child+li+li+li:before{position: absolute; left: -100%; right: -100%; top: 0px; display: block; content: ""; height: 100%; background: #000000; opacity: 0.02;}

.ys_list li:first-child+li span,

.ys_list li:first-child+li+li+li span{float: left; margin-left: 30px; margin-right: 0px;}

.ys_list li:first-child+li .con,

.ys_list li:first-child+li+li+li .con{left: auto; right: 0px;}

.ys_list li:first-child+li .con{top: 132px;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.ys_list li span{margin-right: 0px;}

	.ys_list li span img{max-height: 235px;}

	

	.ys_list li .con{padding-left: 85px;width: 50%;top: 80px;}

	.ys_list li .con i{left: 68px;width: 70px;height: 58px;background-size: cover;font-size: 36px;line-height: 30px;top: -66px;}

	.ys_list li .con h3{font-size: 20px;}

	.ys_list li .con dl dd{font-size: 12px; line-height: 25px;}

	.ys_list li .con dl{padding-top: 10px;}

	.ys_list li:first-child+li .con{top: 75px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.ys_list{margin-top: 15px;}

	.ys_list li span{margin-right: 0px;margin-bottom: 40px;margin-top: 40px;}

	.ys_list li span img{max-height: 180px;}

	

	.ys_list li .con{position: relative!important;float: left;padding-left: 65px;width: 53%;top: 30px!important;}

	.ys_list li .con i{left: 50px;width: 50px;height: 40px;background-size: cover;line-height: 50px;font-size: 18px;top: -47px;}

	.ys_list li .con h2{font-size: 14px;}

	.ys_list li .con h3{font-size: 16px;}

	.ys_list li .con dl dd{font-size: 12px; line-height: 25px;}

	.ys_list li .con dl{padding-top: 10px;}

	.ys_list li:first-child+li .con{top: 50px;}

	

	.ys_list li:first-child+li .con,

	.ys_list li:first-child+li+li+li .con{left: auto; right: 0px; float: right;}

}

@media screen and (max-width: 767px){

	.ys_list{margin-top: 10px;}

	.ys_list li span{display: block; float: none!important; margin-right: auto!important; margin-left:auto!important; text-align: center;}

	.ys_list li span img{max-width: 60%;}

	.ys_list li .con{position:relative; top: 0px!important; left: 0!important; width: auto; padding-left: 60px; padding-top: 10px;}

	.ys_list li .con i{left: 0px; width: 50px; height: 40px; background-size: cover; line-height: 50px; font-size: 18px;}

	.ys_list li .con h2{padding-top: 5px; padding-bottom: 7px; font-size: 12px;}

	.ys_list li .con h3{font-size: 14px;}

	.ys_list li .con dl{margin-top: 10px; padding-top: 5px; }

	.ys_list li .con dl dd{background-position: 0px 6px; padding-left: 8px; font-size: 12px; line-height: 20px;}

}


/*关于我们*/

.about_bg{background: #f7f7f7; overflow: hidden;}

.about_left{float: left; width: 72.5%;}

.about_right{float: right; width: 25%;}



.part4{margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; padding-top: 10px; padding-bottom: 15px; overflow: hidden;}

.part4 h2{float: left; font-size: 16px; color: #333;}

.part4 h3{float: left; padding-left: 5px; padding-top: 2px; font-size: 14px; font-weight: normal;}

.part4 span{float: right;}

.part4 span a{display: block; border: 1px solid #cccccc; border-radius: 3px; width: 60px; height: 20px; text-align: center; line-height: 20px; color: #888; font-family: Arial; font-size: 10px; font-weight: 100; text-transform: uppercase;}

.part4 span a:hover{background: #fe5900; border-color: #fe5900; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.part4{margin-bottom: 15px; padding-bottom: 10px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	

	.part4{margin-bottom: 15px; padding-bottom: 10px;}

	.part4 h2{font-size: 14px;}

	.part4 h3{font-size: 12px;}

}

@media screen and (max-width: 767px){

	.about_left,

	.about_right{float:none; width: auto;}

	

	.part4{margin-bottom: 10px; padding-bottom: 5px;}

	.part4 h2{font-size: 14px;}

	.part4 h3{padding-top: 5px; font-size: 12px;}

}



.about{overflow: hidden; margin-bottom: 30px;}

.about span{float: left; width: 37.35%;}

.about span i{display: block; position: relative; padding-bottom: 74.76%;}

.about span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.about .con{float: right; width: 60.91%;}

.about .con h2{padding-top: 20px; padding-bottom: 12px; line-height: 1; font-size: 14px; color: #333;}

.about .con p{margin-bottom: 20px; height: 130px; line-height: 26px; overflow: hidden;}

.about .con a,

.about .con a:visited,

.about .con a:hover{margin-right: 20px; display: inline-block; width: 100px; line-height: 30px; text-align: center; background: #fe5900; color: #fff;}

.about .con a.xx{background: #0f60cc;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.about .con h2{padding-top: 15px;}

	.about .con p{margin-bottom: 15px; height: 104px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.about .con h2{padding-top: 10px; padding-bottom: 7px;}

	.about .con p{margin-bottom: 10px; height: 96px; line-height: 24px;}

}

@media screen and (max-width: 767px){

	.about{margin-bottom: 15px;}

	.about span{float: none; width: auto;}

	.about .con{float: none; width: auto;}

	.about .con h2{padding-top: 15px; padding-bottom: 7px;}

	.about .con p{margin-bottom: 10px; height: auto; line-height: 22px;}

	.about .con a{margin-right: 10px; width: 80px; line-height: 25px;}

}



/*荣誉资质*/

.xw_box{margin-bottom: 30px;}

.xw_box .xw{padding: 0 30px;}

.xw_box .xw_list{_display:inline;}

.xw_box .xw_list a{display: block; margin: 0 15px; position: relative; z-index: 1;}

.xw_box .xw_list span{display: block; position: relative; padding-bottom: 97%; overflow: hidden; border: 1px solid #e7e7e7;}

.xw_box .xw_list span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.xw_box .xw_list h2{padding-top: 15px; text-align: center; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}

.xw_box .slick-prev{left: -0;}

.xw_box .slick-next{right: -0;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.xw_box .xw{padding: 0 25px;}

	.xw_box .slick-prev,

	.xw_box .slick-next{width: 25px!important; height: 54px!important; background-size: cover;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.xw_box .xw{padding: 0 25px;}

	.xw_box .xw_list a{margin: 0 6px;}

	.xw_box .xw_list h2{padding-top: 10px; font-size: 12px;}

	.xw_box .slick-prev,

	.xw_box .slick-next{width: 20px!important; height: 43px!important; background-size: cover;}

}

@media screen and (max-width: 767px){

	.xw_box .xw{padding: 0 25px;}

	.xw_box .xw_list a{margin: 0 6px;}

	.xw_box .xw_list h2{padding-top: 10px; font-size: 12px;}

	.xw_box .slick-prev,

	.xw_box .slick-next{width: 20px!important; height: 43px!important; background-size: cover;}

}





/*展示*/

.zhanshi{background: #ededed; margin-bottom: 20px;}

.zhanshi .tempWrap{height: auto!important;}

.zhanshi .hd{ height:45px; line-height:45px; overflow:hidden; background:#e5e5e5;}

.zhanshi .hd ul{position: relative; overflow: hidden;}

.zhanshi .hd ul li{float:left; padding: 0 18px; font-size: 14px; font-weight: bold; color: #333; cursor: pointer;}

.zhanshi .hd ul li span{position: absolute; right: 15px; top: 15px;}

.zhanshi .hd ul li span a{display: block; background: #fff; border: 1px solid #cccccc; border-radius: 3px; width: 60px; height: 20px; text-align: center; line-height: 20px; color: #888; font-family: Arial; font-size: 10px; font-weight: normal; text-transform: uppercase;}

.zhanshi .hd ul li span a:hover{background: #fe5900; border-color: #fe5900; color: #fff;}

.zhanshi .hd ul li.on{background: #0f60cc; color: #fff;}

.zhanshi .hd ul li.on span{z-index: 10;}



.zhanshi .bd .list3{padding: 20px; margin-left: -20px; overflow: hidden;}

.zhanshi .bd .list3 li{float: left; width: 25%;}

.zhanshi .bd .list3 li a{display: block; margin-left: 20px;}

.zhanshi .bd .list3 li span{display: block; padding-bottom: 70%; position: relative; overflow: hidden;}

.zhanshi .bd .list3 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.zhanshi .bd .list3 li h2{padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.zhanshi .bd .list3 li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */

@media screen and (min-width: 992px) and (max-width: 1199px){

	.zhanshi .hd{height: 40px; line-height: 40px;}

	.zhanshi .hd ul li span{right: 10px; top: 10px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.zhanshi .hd{height: 35px; line-height: 35px;}

	.zhanshi .hd ul li{padding: 0 15px; font-size: 12px; }

	.zhanshi .hd ul li span{right: 7px; top: 7px;}

	

	.zhanshi .bd .list3{margin-left: -15px; padding: 15px;}

	.zhanshi .bd .list3 li a{margin-left: 15px;}

	.zhanshi .bd .list3 li h2{font-size: 12px;}

}

@media screen and (max-width: 767px){

	.zhanshi .hd{height: 35px; line-height: 35px;}

	.zhanshi .hd ul li{padding: 0 10px; font-size: 12px; }

	.zhanshi .hd ul li span{right: 7px; top: 7px;}

	

	.zhanshi .bd .list3{margin-left: -10px; padding: 10px;}

	.zhanshi .bd .list3 li{width: 50%;}

	.zhanshi .bd .list3 li a{margin-left: 10px;}

	.zhanshi .bd .list3 li h2{font-size: 12px;}

}





/*客户感言*/

.part5{margin-top: 40px; margin-bottom: 15px; background:#e5e5e5; overflow: hidden;}

.part5 h2{float: left; background: #0f60cc; padding: 0 20px; line-height: 45px; color: #fff; font-size: 14px;}

.part5 span{float: right; margin-top: 15px; margin-right: 15px;}

.part5 span a{display: block; background: #fff; border: 1px solid #cccccc; border-radius: 3px; width: 60px; height: 20px; text-align: center; line-height: 20px; color: #888; font-family: Arial; font-size: 10px; font-weight: normal; text-transform: uppercase;}

.part5 span a:hover{background: #fe5900; border-color: #fe5900; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.part5{margin-top: 30px;}

	.part5 h2{line-height: 40px;}

	.part5 span{margin-top: 10px; margin-right: 10px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.part5{margin-top: 25px;}

	.part5 h2{padding: 0 15px; font-size: 12px; line-height: 35px;}

	.part5 span{margin-top: 7px; margin-right: 7px;}

}

@media screen and (max-width: 767px){

	.part5{margin-top: 20px; margin-bottom: 10px;}

	.part5 h2{padding: 0 10px; font-size: 12px; line-height: 35px;}

	.part5 span{margin-top: 7px; margin-right: 7px;}

}



.list1{overflow: hidden; margin-left: -23px; margin-bottom: 30px;}

.list1 li{float: left; width: 33.33%;}

.list1 li a{display: block; margin-left: 23px; border: 1px solid #e7e7e7; padding: 15px; border-radius: 5px;}

.list1 li span{float: left; width: 96px; margin-right: 15px; margin-bottom: 20px}

.list1 li span i{display: block; position: relative; padding-bottom: 100%;}

.list1 li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.list1 li h2{padding-top: 25px; padding-bottom: 17px; font-size: 14px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list1 li h3{font-size: 12px; font-weight: normal; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list1 li p{border-top: 1px solid #cecece; padding-top: 12px; display: block; clear: both; line-height: 24px; color: #888;}

.list1 li em{display: block; margin-top: 15px; background: #0f60cc; width: 96px; line-height: 33px; text-align: center; color: #fff; font-style: normal;}

.list1 li a:hover h2{color: #fe5900;}

.list1 li a:hover em{background: #fe5900;}

.list1 li h2,

.list1 li em{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.list1{margin-left: -20px; margin-bottom: 25px;}

	.list1 li a{margin-left: 20px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list1{margin-left: -15px; margin-bottom: 20px;}

	.list1 li a{margin-left: 15px; padding: 10px;}

	.list1 li span{margin-bottom: 10px; margin-right: 10px; width: 85px;}

	.list1 li h2{padding-top: 15px;}

	.list1 li p{padding-top: 8px;}

	.list1 li em{margin-top: 10px; width: 85px; line-height: 30px;}

}

@media screen and (max-width: 767px){

	.list1{margin-bottom: 10px;}

	.list1 li{float: none; width: 100%; margin-bottom: 10px;}

	.list1 li a{padding: 10px;}

	.list1 li span{margin-bottom: 0px;}

	.list1 li h2{padding-top: 10px; padding-bottom: 10px;}

	.list1 li h3{padding-bottom: 10px;}

	.list1 li p{padding-top: 5px; clear: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.list1 li em{display: none;}

}





/*新闻*/

.news_bg{background: #f2f2f2; overflow: hidden;}



.news{margin-top: 40px; float: left; width: 72%; background: none;}



.news .list2{margin-top: 30px;}

.news .list2 dl{margin-bottom: 20px; overflow: hidden;}

.news .list2 dl span{float: left; width: 34.68%; margin-right: 20px;}

.news .list2 dl span i{display: block; position: relative; padding-bottom: 56.81%; overflow: hidden;}

.news .list2 dl span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.news .list2 dl dt{padding-top: 20px; padding-bottom: 12px; font-size: 14px; font-weight: bold; color: #0f60cc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news .list2 dl dd{margin-bottom: 10px; height: 78px; line-height: 26px; overflow: hidden; color: #777;}

.news .list2 dl em{font-style: normal; font-size: 14px; color: #0f60cc;}

.news .list2 dl a:hover dt,

.news .list2 dl a:hover em{color: #fe5900;}

.news .list2 ul{border-top: 1px solid #e7e7e7; padding: 10px 0; overflow: hidden;}

.news .list2 ul li{float: left; background: url(/statics/images/list_tb.png) no-repeat left; padding-left: 20px; width: 50%; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.news{margin-top: 30px;}

	

	.news .list2{margin-top: 20px;}

	.news .list2 dl dt{padding-top: 15px;}

	.news .list2 dl dd{height: 52px;}

	

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.news{margin-top: 25px;}

	

	.news .list2{margin-top: 15px;}

	.news .list2 dl dt{padding-top: 10px; padding-bottom: 7px;}

	.news .list2 dl dd{height: 44px; line-height: 22px;}

}

@media screen and (max-width: 767px){

	.news{margin-top: 15px; float: none; width: auto;}

	.news .list2{margin-top: 15px;}

	.news .list2 dl{margin-bottom: 0;}

	.news .list2 dl span{float: none; width: auto; margin-right: 0px;}

	.news .list2 dl dt{padding-top: 10px; padding-bottom: 5px; white-space: normal;}

	.news .list2 dl dd{line-height: 22px; height: auto; overflow: hidden; }

	.news .list2 dl em{display: none;}

	

	.news .list2 ul{padding: 5px 0;}

	.news .list2 ul li{float: none; width: auto; line-height: 28px;}

	

}



.news_right{float: right; width: 25.41%;}

.cjwt_img{margin-top: 30px;}

.cjwt_img img{width: 100%;}

.list4 dl{padding: 15px 0; border-bottom: 1px dashed #e7e7e7;}

.list4 dl dt{position: relative; margin-bottom: 5px; padding-left: 25px; font-weight: bold; color: #0f60cc;}

.list4 dl dt:after{position: absolute; left: 0px; top: 0px; display: block; content: "问"; width: 16px; text-align: center; line-height: 15px; background: #0f60cc; color: #fff; font-weight: normal;}

.list4 dl dd{position: relative; padding-left: 25px; line-height: 22px; color: #555;}

.list4 dl dd:after{position: absolute; left: 0px; top: 3px; display: block; content: "答"; width: 16px; text-align: center; line-height: 15px; background: #353535; color: #fff; font-weight: normal;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.cjwt_img{margin-top: 20px;}

	

	.list4 dl{padding: 12px 0;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.cjwt_img{margin-top: 15px;}

}

@media screen and (max-width: 767px){

	.news_right{float: none; width: auto;}

	.cjwt_img{margin-top: 15px;}

	.list4 dl{padding: 10px 0;}

	.list4 dl dd{line-height: 22px;}

}





/*友情链接*/

.link{}

.link ul{overflow: hidden; margin-bottom: 20px;}

.link ul li{float: left; line-height: 25px;}

.link ul li:after{float: right; margin: 13px 15px 0 15px; display: block; content: ""; width: 3px; height: 1px; background: #666;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	

}

@media screen and (min-width: 768px) and (max-width: 991px){

}

@media screen and (max-width: 767px){

	.link{display: none;}

}





/************************************************************首页样式结束************************************************************/











































/************************************************************内页样式开始************************************************************/

.n_banner{margin: 0 auto 25px auto; width: 1200px; text-align: center; overflow: hidden;}

.n_banner img{max-width: 100%;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.n_banner{margin-bottom: 20px; width: 1000px;}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.n_banner{margin-bottom: 15px; width: auto;}

}

@media screen and (max-width: 768px){

	.n_banner{margin-bottom: 0px; width: auto;}

}





.n_part1{position: relative; padding-top: 10px; margin-bottom: 25px; text-align: center; overflow: hidden;}

.n_part1 h2{padding-bottom: 8px; font-size: 20px; text-transform: uppercase; color: #555; line-height: 1;}

.n_part1 h3{font-size: 26px; line-height: 1; color: #0f60cc; text-transform: uppercase;}

.n_part1 span{position: relative; display: block; margin: 10px auto 0 auto; width: 15px; height: 10px; border: 2px solid #fe5900;}

.n_part1 span:after,

.n_part1 span:before{position: absolute; top: 2px; display: block; content: ""; width: 9px; height: 2px; background: #fe5900;}

.n_part1 span:after{left: 100%;}

.n_part1 span:before{right: 100%;}

.n_part1:after,

.n_part1:before{position:absolute; bottom: 4px; display: block; content: ""; width: 100%; height: 1px; background: #000; opacity: 0.1;}

.n_part1:after{left: 50%; margin-left: 40px;}

.n_part1:before{right: 50%; margin-right: 40px;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.n_part1{margin-bottom: 20px;}

	.n_part1 h2{font-size: 18px;}

	.n_part1 h3{font-size: 22px;}

	.n_part1:after{margin-left: 35px;}

	.n_part1:before{margin-right: 35px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.n_part1{padding-top: 0; margin-bottom: 15px;}

	.n_part1 h2{font-size: 16px;}

	.n_part1 h3{font-size: 18px;}

	.n_part1 span{margin-top: 12px;}

	.n_part1:after{margin-left: 30px;}

	.n_part1:before{margin-right: 30px;}

}

@media screen and (max-width: 767px){

	/*.n_part1{padding-top: 20px; margin-bottom: 10px;}

	.n_part1 h2{padding-bottom: 5px; font-size: 14px;}

	.n_part1 h3{font-size: 16px;}

	.n_part1 span{margin-top: 8px;}

	.n_part1:after{margin-left: 30px;}

	.n_part1:before{margin-right: 30px;}*/

	.n_part1{display: none;}

}





.breadCrumb{padding-top: 10px; padding-bottom: 8px; overflow: hidden; border-bottom: 1px solid #ccc;}

.breadCrumb i{margin-right: 10px; color: #333; font-size: 18px;}

.breadCrumb a{margin:0 5px;}

@media screen and (min-width: 992px) and (max-width: 1199px){

}

@media screen and (min-width: 769px) and (max-width: 991px){

}

@media screen and (max-width: 768px){

	.breadCrumb{padding-top: 15px;}

}





.class_list{margin-bottom: 20px; background: #eeeeee; overflow: hidden;}

.class_list li{float: left; width: 16.66%; display: inline-block; height: 60px; text-align: center; border-left: 1px solid #ddd;}

.class_list li:first-child{border-left: none;}

.class_list li a{display: block; height: 60px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.class_list li a h2{padding-top: 10px; font-size: 16px; font-weight: normal; color: #333;}

.class_list li a span{display: block; font-size: 14px; color: #9e9c9c;}

.class_list li a:hover,

.class_list li a.on{background: #0f60cc;}

.class_list li a:hover h2,

.class_list li a.on h2,

.class_list li a:hover span,

.class_list li a.on span{color: #fff;}

.class_list li a h2,

.class_list li a span{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.class_list{margin-bottom: 15px;}

	.class_list ul li{margin-right: 8px; }

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.class_list{margin-bottom: 10px;}

	.class_list li{height: 55px;}

	.class_list li a h2{font-size: 14px;}

	.class_list li a span{font-size: 12px;}

}

@media screen and (min-width: 480px) and (max-width: 768px){

	.class_list{display: none;}

}

@media screen and (max-width: 479px){

	.class_list{display: none;}

}











/*通用详细页 开始*/

.content{padding: 15px 5px; line-height: 210%;  font-size: 14px;}

.content img{max-width: 100%!important; height: auto!important;}



.title{font-size: 26px; color: #333; font-weight: normal; padding: 40px 0 20px 0; text-align: center;}

.time{color: #b0b0b0; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; text-align: center;}

.time li{display: inline-block; position: relative;}

.time li i{margin: 0 5px 0 0;}

.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}

.time li:first-child:before{display: none;}



.fy{margin: 5px 0; padding: 5px; border-top: 1px solid #dbdbdb;}

.fy li{height: 28px; line-height: 28px; color: #0065c2; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}



.n_part2{border-top: 2px solid #0065c2; overflow: hidden; color: #0065c2; padding: 10px 0 0 5px; font-size: 16px;}



.n_list1{overflow: hidden; padding: 10px 0 10px 0;}

.n_list1 li{float: left; width: 50%; height: 32px; line-height: 32px; padding: 0 10px 0 0; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}

.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 15px 8px 0 3px; width: 3px; height: 3px; background: #989898;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.title{padding: 30px 0 15px 0; font-size: 24px;}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.title{padding: 20px 0 15px 0; font-size: 24px;}

}

@media screen and (max-width: 768px){

	.title{padding: 20px 0 10px 0; font-size: 20px; text-align: left;}

	.time{text-align: left;}

	.time li{float: left;}

	.time li:last-child{display: none;}

	.content{padding: 10px 0; font-size: 12px; line-height: 200%;}

	

	.fy{margin: 0 0 10px 0; padding: 5px 0;}

	.fy li{height: 25px; line-height: 25px; font-size: 12px;}



	.n_part2{border-top-width: 2px; padding: 8px 0 0 0; font-size: 14px;}

	

	.n_list1 li{float: none; width: 100%; font-size: 12px; line-height: 26px; height: 26px;}

	.n_list1 li:before{margin-top: 10px;}

}

/*通用详细页 结束*/







/*图片列表*/

.img_list{margin-top: 10px; margin-left: -20px;}

.img_list li{float: left; width: 25%;}

.img_list li a{display: block; margin-left: 20px; margin-top: 10px;}

.img_list li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden; border: 1px solid #e7e7e7; box-shadow: 0 3px 7px rgba(0,0,0,0.05);}

.img_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.img_list li span:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ""; border: 5px solid #fff;}

.img_list h2{line-height: 45px; font-size: 14px; text-align: center; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.img_list li a:hover span{box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.img_list li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.img_list li span img,

.img_list li span,

.img_list li h2{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

.img_list01{margin-bottom: 20px;}

.img_list01 li{width: 25%;}

.img_list01 li span{padding-bottom: 59.36%;}





@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list{margin-left: -15px; margin-top: 15px;}

	.img_list li a{margin-left: 15px; margin-top: 5px;}

	.img_list h2{line-height: 35px; font-size: 12px;}

}

@media screen and (max-width: 767px){

	.img_list{margin-left: -15px; margin-bottom: 10px;}

	.img_list li{width: 50%;}

	.img_list li a{margin-left: 15px; margin-top: 5px;}

	.img_list li span em i{font-size: 30px;}

	.img_list h2{line-height: 30px; font-size: 12px;}



}



/**/

.n_left{float: left; width: 20%; margin-bottom: 30px;}

.n_con_bg{background: #f0f0f0; padding: 10px;}



.l_part1{margin-bottom: 15px; overflow: hidden;}

.l_part1 i{float: left; margin-left: 5px; margin-right: 5px; color: #999; font-style: normal; font-size: 48px; font-weight: bold; line-height: 1; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"}

.l_part1 h2{padding-top: 5px; padding-bottom: 5px; font-size: 18px; color: #0065c2; line-height: 1;}

.l_part1 h3{font-size: 14px; text-transform: uppercase; color: #999; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"}



.class_list2{}

.class_list2 li{margin-bottom: 10px; line-height: 28px;}

.class_list2 li a{display: block; padding-left: 15px; font-size: 14px; border-radius: 3px; position: relative;}

.class_list2 li a:before{float: left; margin-top: 13px; margin-right: 10px; display: block; content: ""; width: 3px; height: 3px; background: #666;}

.class_list2 li a:after{position: absolute; right: 10px; top: 7px; display: none; content: "\f0d7"; font-size: 12px; width: 15px; height: 15px; text-align: center; line-height: 13px; color: #fff; border: 1px solid #fff; border-radius: 2px; font-family: "FontAwesome";}

.class_list2 li a:hover{font-weight: bold;}

.class_list2 li a.on{background: #0065c2; color: #fff; font-weight: bold;}

.class_list2 li a.on:before{background: #fff;}

.class_list2 li a.on:after{display: block;}



.l_list1{padding: 0 5px;}

.l_list1 li{}

.l_list1 li a{display: block;}

.l_list1 li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden; border: 1px solid #e7e7e7;}

.l_list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.l_list1 li span:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ""; border: 5px solid #fff;}

.l_list1 h2{padding-top: 8px; padding-bottom: 10px; font-size: 12px; text-align: center; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.l_lxwm{padding-top: 15px; text-align: center; color: #666;}

.l_lxwm h2{padding-bottom: 15px; font-size: 16px; line-height: 1;}

.l_lxwm i{display: block; margin: auto; background: #ff9f00; width: 40px; height: 40px; text-align: center; line-height: 44px; color: #fff; font-size: 24px; border-radius: 50%; overflow: hidden;}

.l_lxwm h3{padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: normal;}

.l_lxwm h4{padding-bottom: 15px; font-size: 18px; line-height: 1;}

.l_lxwm p{border-top: 1px solid #dedede; padding-top: 10px; padding-bottom: 10px; line-height: 24px;}



.n_right{float: right; width: 78.33%;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.l_part1{margin-bottom: 10px;}

	.l_part1 i{font-size: 44px;}

	.l_part1 h2{font-size: 16px;}

	.l_part1 h3{font-size: 12px;}

	

	.class_list2 li{margin-bottom: 8px;}

	.class_list2 li a{font-size: 12px;}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.n_left{display: none;}

	

	.n_right{float: none; width: auto;}

}

@media screen and (max-width: 768px){

	.n_left{display: none;}

	

	.n_right{float: none; width: auto;}

}





/*新闻详细*/

.n_left2{float: left; width: 78.33%;}

.n_right2{float: right; width: 20%; margin-bottom: 30px;}



.r_part1{background: #0f60cc;}

.r_part1 h2{line-height: 40px; padding-left: 20px; color: #fff; font-size: 18px; font-weight: normal;}



.r_list1{padding: 10px 0; counter-reset:ceshi;}

.r_list1 li{height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; counter-increment:ceshi;}

.r_list1 li:before{float: left; margin-top: 7px; margin-right: 10px; display: block; content:counters(ceshi,"-"); width: 15px; height: 15px; background: #b2b2b2; text-align: center; font-size: 12px; line-height: 15px; color: #fff; font-family: Arial;}

.r_list1 li:first-child:before,

.r_list1 li:first-child+li:before,

.r_list1 li:first-child+li+li:before{background: #fa7821;}







/*产品列表*/

.n_pro_bg{background: #f6f6f6; overflow: hidden;}



.pro_class_list{margin-top: 20px; overflow: hidden; border: 1px solid #e7e7e7; background: #fff; padding: 10px;}

.pro_class_list dl{position: relative; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 8px 0; padding-left: 120px; line-height: 25px;}

.pro_class_list dt{position: absolute; left: 10px; top: 5px; font-size: 14px; font-weight: bold; color: #333;}

.pro_class_list dt a,

.pro_class_list dt a:visited{color: #333;}

.pro_class_list dt a:hover,

.pro_class_list dt a.on{color: #fe5900;}

.pro_class_list dd{float: left;}

.pro_class_list dd a{margin-right: 10px; display: block; padding: 0 10px; border: 1px solid #e7e7e7; background: #fff}

.pro_class_list dd a:hover,

.pro_class_list dd a.on{background: #0f60cc; color: #fff; border-color: #0f60cc;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.pro_class_list dt{font-size: 12px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.pro_class_list{margin-top: 10px;}

	.pro_class_list dl{padding-top: 5px; padding-bottom: 5px;}

	.pro_class_list dt{font-size: 12px;}

}

@media screen and (max-width: 767px){

	.pro_class_list{display: none;}

}





.prodesc{padding-top: 20px; padding-bottom: 20px;}

.prodesc table{width: 100%!important; border-collapse: collapse;}

.prodesc table td{border: 1px solid #ccc!important; padding: 5px 0!important; height: 25px; line-height: 25px!important;}



.m_pro_list{display: none;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	

}

@media screen and (min-width: 768px) and (max-width: 991px){

	

}

@media screen and (max-width: 767px){

	.n_pro_bg{background: none;}

	.prodesc{display: none;}

	

	.tjcp{display: none;}

	

	.m_pro_list{display:block;}

}







/*推荐产品*/

.n_part3{padding-top: 40px; padding-bottom: 12px; border-bottom: 1px solid #dfdfdf; overflow: hidden;}

.n_part3 h2{float: left; font-size: 16px; color: #333;}

.n_part3 span{float: left; padding-top: 6px; padding-left: 5px; font-size: 14px; color: #666; font-family: Arial;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.n_part3{padding-top: 30px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.n_part3{padding-top: 20px;}

}



.img_list2{margin-left: -20px; margin-bottom: 30px;}

.img_list2 li{float: left; width: 25%;}

.img_list2 li a{display: block; position:relative; margin-left: 20px; margin-top: 25px; overflow: hidden;}

.img_list2 li span{display: block; position: relative; padding-bottom: 80%; overflow: hidden; border: 1px solid #e7e7e7; background: #fff;}

.img_list2 li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%;}

.img_list2 li .con{position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; text-align: center; opacity: 0;}

.img_list2 li .con:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; background: #0f60cc; opacity: 0.9; z-index: -1;}

.img_list2 li .con h2{padding-top: 30%; padding-bottom: 15px; font-size: 20px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.img_list2 li .con i{display: inline-block; margin: 0 6px; width: 100px; border: 1px solid #fff; text-align: center; line-height: 30px; font-style: normal; color: #fff;}

.img_list2 li a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.img_list2 li a:hover .con{opacity: 1;}

.img_list2 li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.img_list2 li span img,

.img_list2 li .con{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	

	.img_list2 li .con h2{padding-top: 28%; padding-bottom: 10px; font-size: 18px;}

	.img_list2 li .con i{width: 80px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list2{margin-left: -15px;}

	.img_list2 li a{margin-left: 15px; margin-top: 15px;}

	.img_list2 li .con h2{padding-top: 25%; padding-bottom: 10px; font-size: 16px;}

	.img_list2 li .con i{margin: 0px; width: 60px; line-height: 25px;}

}

@media screen and (max-width: 767px){

	.img_list2{margin-left: -15px; margin-bottom: 15px;}

	.img_list2 li{width: 50%;}

	.img_list2 li a{margin-left: 15px; margin-top: 15px;}

	.img_list2 li .con h2{padding-top: 25%; padding-bottom: 10px; font-size: 14px;}

	.img_list2 li .con i{margin: 0px; width: 60px; line-height: 25px;}

}



.img_list3{margin-left: -20px; margin-bottom: 30px;}

.img_list3 li{float: left; width: 25%;}

.img_list3 li a{display: block; position:relative; margin-left: 20px; margin-top: 25px; overflow: hidden;}

.img_list3 li span{display: block; position: relative; padding-bottom: 80%; overflow: hidden; border: 1px solid #e7e7e7; background: #fff;}

.img_list3 li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%;}

.img_list3 li h2{padding-top: 10px; font-size: 14px; font-weight: normal; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.img_list3 li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.img_list3 li span img,

.img_list3 li .con{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list3{margin-left: -15px;}

	.img_list3 li a{margin-left: 15px; margin-top: 15px;}

}

@media screen and (max-width: 767px){

	.img_list3{margin-left: -15px; margin-bottom: 10px;}

	.img_list3 li{width: 50%;}

	.img_list3 li a{margin-left: 15px; margin-top: 15px;}

	.img_list3 li h2{font-size: 12px;}

}







/**/

.news_list{margin-top: 25px;}

.news_list li{margin-top: 25px; position: relative;}

.news_list li:first-child{margin-top: 0px;}

.news_list li a{display: block; padding-right: 10px; overflow: hidden;}

.news_list li span{float: left; width: 200px;}

.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}

.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}

.news_list li .con{margin-left: 220px;}

.news_list li .con h2{position: relative; padding-top: 20px; padding-bottom: 15px; font-size: 16px; line-height: 1; color: #333; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_list li .con h3{margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dashed #eee; font-size: 12px; font-weight: normal; color: #888;}

.news_list li .con p{line-height: 26px; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_list li a:hover{background: #fcfcfc; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.news_list li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.news_list li a:hover .con h2{color: #0065c2;}

.news_list li,

.news_list li span i img,

.news_list li .con h2{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.news_list{margin-top: 20px;}

	.news_list li{margin-top: 20px;}

	.news_list li span{width: 200px;}

	.news_list li .con{margin-left: 220px;}

	.news_list li .con h2{padding-top: 15px; padding-bottom: 10px;}

	.news_list li .con h3{margin-bottom: 5px; padding-bottom: 10px;}

	.news_list li .con p{height: 50px; line-height: 25px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.news_list{margin-top: 20px;}

	.news_list li{margin-top: 20px;}

	.news_list li span{width: 190px;}

	.news_list li .con{margin-left: 210px;}

	.news_list li .con h2{padding-top: 15px; padding-bottom: 10px; font-size: 14px;}

	.news_list li .con h3{padding-bottom: 10px;}

	.news_list li .con p{height:44px; line-height: 22px;}

}



@media screen and (max-width: 767px){

	.news_list{margin-top: 15px;}

	.news_list li{margin-top: 15px;}

	.news_list li span{width: 120px;}

	.news_list li .con{margin-left: 130px;}

	.news_list li .con h2{padding-top: 10px; padding-bottom: 10px; font-size: 12px;}

	.news_list li .con h3{margin-bottom: 5px; padding-bottom: 7px;}

	.news_list li .con p{line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.news_list li a:hover{box-shadow: 0 0 0;}

}

/*新闻类 结束*/





/*产品详细 开始*/

.m_pro_tit{text-align: center; display: none; padding: 15px 0 10px 0; font-size: 18px;}

.pro_img{float:left; width: 47%; margin:25px 0 15px 0; border:1px solid #e7e7e7; padding:3px; background: #fff;}

.pro_img span{display: block; position: relative; width: 100%; padding: 0 0 75% 0;}

.pro_img span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 95%; max-height: 95%;}



.pro_js_box{float: right; width: 50%; margin-top: 25px;}

.pro_js_box .pro_js{}

.pro_js_box .pro_js h2{font-size:24px; font-weight:normal; padding:10px 0 15px 0; border-bottom:1px dashed #e7e7e7; color: #333; }

.pro_js_box .pro_js span{line-height:24px; font-size:14px; padding:15px 0; border-bottom:1px dashed #e7e7e7; display:block}

.pro_js_box .pro_tel{font-size:14px; font-weight:bold; color:#333; padding:10px 0 20px 0; display:block;}

.pro_js_box .pro_tel b{font-size:18px; color:#c30000}

.pro_js_box .pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 28px 0; margin: 0 0 20px 0;}

.pro_js_box .pro_gm a{float: left; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:16px; margin:0 10px 0 0;}

.pro_js_box .pro_gm a:hover{background:#dc3333;}

.pro_js_box .pro_gm a.gm{background:#0065c2; color: #fff}

.pro_js_box .pro_gm a:hover.gm{background: #0065c2; color: #fff}

.pro_js_box .pro_gm a.zx{background:#ff9c1c; color: #fff;}

.pro_js_box .pro_gm a:hover.zx{background: #ff9c1c; color: #fff;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.pro_js_box .pro_js h2{font-size: 22px}

}	

@media screen and (min-width: 769px) and (max-width: 991px){

	.pro_js_box .pro_js h2{font-size: 20px}

	.pro_js_box .pro_js span{padding: 10px 0; font-size: 12px;}

	.pro_js_box .pro_tel{padding-bottom: 15px;}

	.pro_js_box .pro_gm{padding-bottom: 15px; margin-bottom: 10px;}

	.pro_js_box .pro_gm a{width: 105px; height: 32px; line-height: 32px; font-size: 14px;}

}

@media screen and (min-width: 481px) and (max-width: 768px){

	.m_pro_tit{display: block;}

	

	.pro_img{float: none; width: 100%; margin: 0px;}

	

	.pro_js_box{float: none; width: auto; margin: 10px 0 0 0;}

	.pro_js_box .pro_js{display: none;}

	.pro_js_box .pro_tel{display: none;}

	.pro_js_box .bdsharebuttonbox{display: none;}

	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}

	.pro_js_box .pro_gm a{float: none; display: inline-block; width: 100px; height: 32px; line-height: 32px; font-size: 14px;}

	.pro_js_box .pro_gm a.zx{display: none;}

}

@media screen and (max-width:480px){

	.m_pro_tit{display: block;}

	

	.pro_img{float: none; width: 100%; margin: 0;}

	

	.pro_js_box{float: none; width: auto; margin: 10px 0 0 0;}

	.pro_js_box .pro_js{display: none;}

	.pro_js_box .pro_tel{display: none;}

	.pro_js_box .bdsharebuttonbox{display: none;}

	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}

	.pro_js_box .pro_gm a{float: none; display: inline-block; width: 90px; height: 30px; line-height: 30px; font-size: 12px;}

	.pro_js_box .pro_gm a.zx{display: none;}

}



/*产品订购*/

.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}

.order tr td:first-child{text-align: right; width: 105px;}

.order tr td:first-child span{color: #8d0001}

.order td{padding:5px; color: #555;}

.order td span{color:#f00;}

.order input,

.order textarea{behavior:url(pie.htc); position:relative;}



.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}

.order .order_text:hover{border:1px solid #ff9207;}

.order .order_text2{width: 470px; height: 80px; line-height:22px !important; padding:5px 10px !important;}



.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#c70024; color:#fff; border:none; font-weight: bold;}

.order .order_submit:hover{background:#c70024;}



@media screen and (min-width: 769px) and (max-width: 991px){



}

@media screen and (min-width: 481px) and (max-width: 768px){

	.order td{display: block; padding: 3px 10px;}

	.order tr td:first-child{text-align: left; width:auto;}

	.order .order_text{width: 100%;}

	.order .order_text2{width: 100%;}

}

@media screen and (max-width:480px){

	.order{margin-bottom: 0px;}

	.order td{display: block; padding: 3px 10px;}

	.order tr td:first-child{text-align: left; width:auto;}

	.order .order_text{width: 100%;}

	.order .order_text2{width: 100%;}

}

/*产品详细 结束*/









/*在线留言 开始*/

.zs{padding-top: 20px; color: #d00; font-weight: bold;}



.message{border-collapse:collapse; width: 100%; margin:20px auto;}

.message td{padding:7px; border:1px solid #e7e7e7;}

.message tr td:first-child{text-align: right; width: 105px;}

.message input,

.message textarea{

	transition:all 0.3s, color 0.6s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

	behavior:url(pie.htc); position:relative;

}

.message td span{color: #d00; padding-right: 5px;}



.message .message-text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:28px; line-height:28px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}

.message .message-text:hover{border:1px solid #0f60cc;}

.message .message-text2{width: 100%; height: 125px; line-height:22px !important; padding:5px 10px !important;}



.message .message-submit,

.message .message-reset{width: 91px; text-align: center; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; font-weight: bold;}

.message .message-submit{background:#0f60cc; color:#fff; border:none; margin:0 5px 0 0}

.message .message-submit:hover{background:#0f60cc;}

.message .message-reset{background:#bdbdbd; color:#333; border:none;}

.message .message-reset:hover{background:#d6d6d6;}



@media screen and (min-width: 768px) and (max-width: 991px){

	.message{width: 100%; margin: 15px auto;}

	.message tr td:first-child{width: 70px;}

}

@media screen and (max-width: 767px){

	.zs{padding-top: 15px;}

	

	.message{width: 100%; margin: 15px auto;}

	.message tr td:first-child{width: 80px;}

	.message .message-text{width: 100%;}

}



/*在线留言 结束*/





.sitemap{padding: 10px 0;}

.sitemap li{border-bottom: 1px solid #e7e7e7; font-size: 14px; font-weight: bold; padding: 10px;}



.sitemap li dl{overflow: hidden;}

.sitemap li dl dd{margin-right: 15px; font-size: 12px; float: left; line-height: 30px; font-weight: normal;}



/************************************************************内页样式结束************************************************************/

























/*page*/

.page{text-align:center; margin:30px 0 50px 0; border-top: 1px solid #e7e7e7; padding-top: 20px;}

.page a,

.page span{height: 29px; line-height: 29px; display: inline-block;padding: 0 12px; border: 1px solid #dddddd; background: #fff;}

.page a:hover,

.page span{background: #ffa800; border: 1px solid #ffa800; color: #fff;}

@media screen and (min-width: 769px) and (max-width: 991px){

	.page{margin: 20px 0 25px 0; padding-top: 15px;}

}

@media screen and (min-width: 481px) and (max-width: 768px){

	.page{margin: 15px 0 25px 0;}

	.page a,

	.page span{padding: 0 10px; height: 25px; line-height: 25px;}

}

@media screen and (max-width:480px){

	.page{margin: 10px 0 20px 0; padding-top: 15px;}

	.page a,

	.page span{padding: 0 10px; height: 25px; line-height: 25px;}

}